<div class="product_item">
  <div>
  <a id={id} href="{duongdan}">
    <img src="{thumb}" />
  </a>
<script type="text/javascript">
$('#{id}').qtip({
    content: { 
        url: '<?php echo base_url(); ?>home/tooltip/'+{id}
        },
    style: {
        width: 'auto',
        },
    position:{
        target: 'mouse',
        adjust:{
            mouse: true ,
            screen: true
            }
        },
    hide:{
        event: true,
        fixed: true
        }
})
</script>

  </div>
  
   <div class="product_info">
   <!--div class="rate"></div-->
   <div class="title">{name}</div>
   <div class="price"><span>Giá: </span>{gia}</div>
   <div class="nut">
     <span id="buy" class="button red">Mua</span>
     <a href="javascript:void(0)" class="comparelink{id}" onclick="addProduct({id});"><span id="compare{id}" class="button red">So Sánh</span></a>
   </div>
  </div>
</div>